<template>
    <header>
       <span>
         <slot name="left"></slot>
       </span>
       <section>
          <slot name="center"></slot>
       </section>
       <span>
        <slot name="right"></slot>
       </span>
    </header>
</template>
<script>
export default {
    
}
</script>

<style lang='scss' scoped>
  header{
    height: 50px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc;
    span{
      width: 80px;
      text-align: center;
    }
    section{
      flex: 1;
      text-align: center;
    }
  }
</style>
